<template>
	<div class="box-num">
		<div class="numBox">
			<div class="numLeft">{{numtitle}}</div>
			<div class="numRight">
				<input type="text" :placeholder="numinfor">
				<span class="iconfont"></span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		props:['numtitle','numinfor']
	}
</script>

<style scoped>
	.box-num{
		width: 95%;
		height: 100%;
		padding-left: 5%;
		background: #fff;
	}
	.numBox{
		width: 100%;
		height:53px;
		border-bottom: 1px solid #CCD6E3;
		
	}
	.numLeft{
		width: 50%;
		height: 52px;
		float: left;
		line-height: 52px;
		font-size: 14px;
	}
	.numRight{
		width: 45%;
		height: 52px;
		float: right;
		line-height: 180px;
		padding-right:5%;
	}
	.numRight input{
		width: 100%;
		height: 50px;
		border:none;
		outline: 0;
		float: right;
		text-align: right;
		line-height: 53px;
	}
	
</style>
